<template>
  <div>
      <span ref="myspan">我是一个span标签</span>
      <button @click="handleClick">点击获取span标签</button>
  </div>
</template>

<script>

import {ref} from "vue";

export default {
    setup() {
        // 定义一个与标签里面ref值相同的变量，使用ref()包装一个空对象
        // 这样就可以获取到DOM（或者组件）对象
        let myspan = ref();

        function handleClick() {
            // 访问DOM标签，记得使用包装对象的.value属性
            let span = myspan.value;
            alert(span.innerText);
        }
       
       // 记得把myspan暴露出去
        return {handleClick,myspan};
    }
}
</script>

<style>

</style>